/*sec-8*/

body{font-size: 62.5%;height: 100%;}
.map{width:80%;height: 60%;margin:0 auto;position: relative;}
#fp-mouse{}
/* #superContainer{background: #0068b7 !important}
#superContainer .fp-section{background: #0068b7 !important}
#superContainer .fp-section .fp-tableCell{background: #0068b7 !important} */


.x-xian{height:1px;border:none;border-top:1px dashed #d8e8f3;margin-top:1.2%;margin-bottom: 1.2%;}
#fp-mouse .map a{z-index:100;display: block;opacity: 0;}
#fp-mouse .map a{ background: url(../images/map-guide.png) no-repeat; width:30px;height: 26px;opacity: 1;position: absolute;color: #fff}
#fp-mouse .map a:nth-child(2){position: absolute;top:42.6%;left: 53.3%;}
#fp-mouse .map a:nth-child(3){width: 60px;height: 60px;position: absolute;top:25%;left: 70%; background-position: -100px -100px;}

.xx{z-index: 200;pointer-events: none;color: #0068b7;font-size: 14px;}

.map-con.text{pointer-events: none;overflow:hidden;background: #fff;position: absolute;display: none;z-index: 200;font-size: 14px;color: #0068b7;}
.map-con.text span{font-size: 1em;}
.map-con.text,.fp-section .xx{padding: 5px 10px !important;border-radius: 4px;width: auto !important;height: auto !important;color: #0068b7;}

.map-con.text p,.fp-section .xx p{font-size: 1.2em;}
.map-con.text p:nth-child(3n-1),.fp-section .xx p:nth-child(3n-1){height: 26px;font-size: 1em;}
.map-con.text p img:nth-child(1),.fp-section .xx p img:nth-child(1){margin-left: 8px;margin-right:5px; }
.map-con.text p img:nth-child(3),.fp-section .xx p img:nth-child(3){margin-left: 15px;margin-right: 6px;}
.map-con.text p span,.fp-section .xx span{color: #0068b7;}

.map-con.text.dia-12{top: 24%;left: 10%;}
.map-con.text.dia-13{top: 37%;left: 16%;}
.map-con.text.dia-14{top: 29%;left: 28%;}

.map-con.text.dia-15{top: 29%;left: 41%;}
.map-con.text.dia-16{top: 24%;left: 46%;}
.map-con.text.dia-17{top: 19%;left: 70%;}
.map-con.text.dia-18{top: 26%;left: 54%;}
.map-con.text.dia-19{top: 30%;left: 50%;}

.map-con.text.dia-20{top: 30%;left: 58%;}
.map-con.text.dia-21{top: 33%;left: 65%;}
.map-con.text.dia-22{top: 37%;left: 78%;}
.map-con.text.dia-23{top: 43%;left: 78%;}
.map-con.text.dia-24{top: 37%;left: 68%;}
.map-con.text.dia-25{top: 48%;left: 55%;}
.map-con.text.dia-26{top: 49%;left: 34%;}
.map-con.text.dia-27{top: 56%;left: 53%;}
.map-con.text.dia-28{top: 63%;left: 57%;}

.map-con.text.dia-29{top: 32%;left: 53%;}
.map-con.text.dia-30{top: 23%;left: 51%;}
.map-con.text.dia-31{top: 16%;left: 71%;}
.map-con.text.dia-32{top: 14%;left: 73%;}
.map-con.text.dia-33{top: 21%;left: 73%;}
.map-con.text.dia-34{top: 22%;left: 57%;}
.map-con.text.dia-35{bottom: 22%;left: 57%;}
.map-con.text.dia-36{bottom: 22%;left: 73%;}
.map-con.text.dia-37{top: 31%;left: 75%;}
.map-con.text.dia-38{top: 45%;right:8%;}
.map-con.text.dia-39{top: 33%;left: 58%;}
.map-con.text.dia-40{top: 38%;left: 61%;}
.map-con.text.dia-41{top: 43%;left: 66%;}
.map-con.text.dia-42{top: 29%;left: 68%;}
.map-con.text.dia-43{top: 20%;left: 69%;}
.map-con.text.dia-44{top: 30%;left: 46%;}



.dia-1{background-color: #fefefe;position: absolute;top:25%;left: 40.66%;border-radius: 4px;padding: 1% 0.78%  0.526% 0.78%;}
.dia-3{height: auto;position: absolute;padding: 1% 0.78%  0.526% 0.78%;border-radius: 4px;background-color:#fefefe;top:11%\9;left: 57.77%;}

.dia-2{height:auto;position: absolute;top: 27.54%\9;left: 65.8%;background-color: #0068b7;padding: 1% 0.78%  0.526% 0.78%;border-radius: 4px;color: #ffffff !important; }
.dia-4{height:auto;position: absolute;padding:1% 0.78% 0.526% 0.78%;border-radius: 4px;background-color:#fefefe;top:15%\9;left: 66.77%; }
.dia-5{height:auto;position: absolute;padding: 1% 0.78%  0.526% 0.78%;border-radius: 4px;background-color:#fefefe;top: 16%;left: 60.12%; }
.dia-6{height:auto;position: absolute;padding:1% 0.78% 0.526%  0.78%;border-radius: 4px;background-color:#fefefe;top:11%;left: 54.15%; }
.dia-7{height: auto;position: absolute;padding:1% 0.78% 0.526%  0.78%;border-radius: 4px;background-color:#fefefe;top: 13%;left:65%;}
.dia-8{height:auto;position: absolute;padding:1% 0.78% 0.526%  0.78%;border-radius: 4px;background-color:#fefefe;top: 27.19%;left: 64%;}
.dia-9{height:auto;position: absolute;padding:1% 0.78% 0.526%  0.78%;border-radius: 4px;background-color:#fefefe;top: 40.21%;left: 62.895%;}
.dia-10{height:auto;position: absolute;padding:1% 0.78% 0.526%  0.78%;border-radius: 4px;background-color:#fefefe;top: 38%;left: 65%;}

.dia-11{height:auto;position: absolute;padding: 1% 0.78%  0.526% 0.78%;border-radius: 4px;color: #ffffff;background-color:#fefefe;top: 35%;left:70%;}
.dia-2 p:nth-child(1){font-size: 1.2em;background-color: #0068b7;color: #ffffff;}
.dia-2 p:nth-child(2),.dia-2 p:nth-child(3),.dia-2 p:nth-child(4),.dia-2 p:nth-child(5){font-size: 1em;}
.dia-2 span{color: #fff !important;}
/* .dia-7 p,.dia-7 span{}
 */
/* .dia-1 p:nth-child(1){font-size:1.2em;   color: #0068b7;}
.dia-1 p:nth-child(2){font-size:1em; -webkit-text-size-adjust: none;color:#0068b7; }
.dia-1 p:nth-child(4){font-size:1.2em; color: #0068b7;}
.dia-1 p:nth-child(5){font-size:1em; -webkit-text-size-adjust: none;color:#0068b7; }
.dia-1 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-1 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-1 p:nth-child(5) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-1 p:nth-child(5) img:nth-child(3){margin-left: 17px;margin-right: 8px;}

.dia-3 p:nth-child(1){font-size:1.2em;color: #0068b7;}
.dia-3 p:nth-child(2){font-size:  1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-3 p:nth-child(4){font-size: 1.2em;color: #0068b7;}
.dia-3 p:nth-child(5){font-size:  1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-3 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-3 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-3 p:nth-child(5) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-3 p:nth-child(5) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-4 p:nth-child(1){font-size: 1.2em;color: #0068b7;}
.dia-4 p:nth-child(2){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7; }
.dia-4 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-4 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-5 p:nth-child(1){font-size:1.2em;color: #0068b7;}
.dia-5 p:nth-child(2){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-5 p:nth-child(4){font-size:1.2em;color: #0068b7;}
.dia-5 p:nth-child(5){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-5 p:nth-child(7){font-size: 1.2em;color: #0068b7;}
.dia-5 p:nth-child(8){font-size:  1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-5 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-5 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-5 p:nth-child(5) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-5 p:nth-child(5) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-5 p:nth-child(8) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-5 p:nth-child(8) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-6 p:nth-child(1){font-size: 1.2em;color: #0068b7;}
.dia-6 p:nth-child(2){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-6 p:nth-child(4){font-size:1.2em;color: #0068b7;}
.dia-6 p:nth-child(5){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-6 p:nth-child(7){font-size:1.2em;color: #0068b7;}
.dia-6 p:nth-child(8){font-size:1em;-webkit-text-size-adjust: none;color:#0068b7; }
.dia-6 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-6 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-6 p:nth-child(5) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-6 p:nth-child(5) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-6 p:nth-child(8) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-6 p:nth-child(8) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-7 p:nth-child(1){font-size: 1.2em;color: #0068b7;}
.dia-7 p:nth-child(2){font-size:  1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-7 p:nth-child(4){font-size: 1.2em;color: #0068b7;}
.dia-7 p:nth-child(5){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-7 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-7 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-7 p:nth-child(5) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-7 p:nth-child(5) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-8 p:nth-child(1){font-size: 1.2em;color: #0068b7;}
.dia-8 p:nth-child(2){font-size:  1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-8 p:nth-child(4){font-size:1.2em;color: #0068b7;}
.dia-8 p:nth-child(5){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-8 p:nth-child(7){font-size:1.2em;color: #0068b7;}
.dia-8 p:nth-child(8){font-size:1em;-webkit-text-size-adjust: none;color:#0068b7; }
.dia-8 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-8 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-8 p:nth-child(5) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-8 p:nth-child(5) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-8 p:nth-child(8) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-8 p:nth-child(8) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-9 p:nth-child(1){font-size: 1.2em;color: #0068b7;}
.dia-9 p:nth-child(2){font-size:  1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-9 p:nth-child(4){font-size:1.2em;color: #0068b7;}
.dia-9 p:nth-child(5){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-9 p:nth-child(7){font-size:1.2em;color: #0068b7;}
.dia-9 p:nth-child(8){font-size:1em;-webkit-text-size-adjust: none;color:#0068b7; }
.dia-9 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-9 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-9 p:nth-child(5) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-9 p:nth-child(5) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-9 p:nth-child(8) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-9 p:nth-child(8) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-10 p:nth-child(1){font-size: 1.2em;color: #0068b7;}
.dia-10 p:nth-child(2){font-size:  1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-10 p:nth-child(4){font-size:1.2em;color: #0068b7;}
.dia-10 p:nth-child(5){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-10 p:nth-child(7){font-size:1.2em;color: #0068b7;}
.dia-10 p:nth-child(8){font-size:1em;-webkit-text-size-adjust: none;color:#0068b7; }
.dia-10 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-10 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-10 p:nth-child(5) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-10 p:nth-child(5) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-10 p:nth-child(8) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-10 p:nth-child(8) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-11 p:nth-child(1){font-size: 1.2em;color: #0068b7;}
.dia-11 p:nth-child(2){font-size:  1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-11 p:nth-child(4){font-size:1.2em;color: #0068b7;}
.dia-11 p:nth-child(5){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-11 p:nth-child(7){font-size:1.2em;color: #0068b7;}
.dia-11 p:nth-child(8){font-size:1em;-webkit-text-size-adjust: none;color:#0068b7; }
.dia-11 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-11 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-11 p:nth-child(5) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-11 p:nth-child(5) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-11 p:nth-child(8) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-11 p:nth-child(8) img:nth-child(3){margin-left: 17px;margin-right: 8px} */

/*cy.css*/
@charset "utf-8";
/* CSS Document  Basic CSS */
*{ box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
body,button,input,select,textarea{font-size:12px;font-family:"微软雅黑";color:#222222;}
input:focus{border:1px solid #1e7ccc;}
html,body{}
body{ background-color: #fff;}
table{border-spacing:0;border-collapse: collapse;}
fieldset,img{ border:0 none; }
/*img{ max-width:100%;}*/
img{vertical-align:middle; border:none;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style-type:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;margin:0;}
i{font-style:normal;}
q:before,q:after{content:''}
abbr,acronym{border:0;}
/*链接*/
a{color:#4d4d4d;text-decoration:none; outline:none;-moz-transition:all .4s ease-in-out;cursor:pointer;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
a:hover{ color:#025193; -moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;text-decoration: none; }
/*定位*/
.oh{overflow:hidden;}
.oa{overflow:auto;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
*html .clearfix{height:1%;}
.clearfix{display:block;}
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.none{display:none;}
.ti2{text-indent:2em;}
input:focus,textarea:focus{outline:0 none;}/*解决google浏览器input的默认边框*//*解决google浏览器textarea的默认边框*/
*html{background-image:url(about:blank);background-attachment:fixed;}//解决IE6下定位时闪动的BUG
/*字体大小*/
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.fb{font-weight:bold;}
/*宽**高*/
.w{width:980px;}
.h{height:100%;}
.lh100{line-height:100%;}
.lh120{line-height:120%;}
.lh150{line-height:150%;}
.lh180{line-height:180%;}
.lh190{line-height:190%;}
.lh200{line-height:200%;}
.lh220{line-height:220%;}
/*边**距*/
.m0{margin:0;}
.ml0{margin-left:0;}
.mr0{margin-right:0;}
.mb0{margin-bottom:0;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.p2{padding:2px;}
.p3{padding:3px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.pt1{padding-top:1px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.per45{width:45%;}
.per50{width:50%;}
.per55{width:55%;}
.per60{width:60%;}
.per70{width:70%;}
.per75{width:75%;}
.per80{width:80%;}
.per100{width:100%;}

@font-face {font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot'); /* IE9*/
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

/*meiti.css*/

@media screen and (-webkit-min-device-pixel-ratio:0){
    .dia-1{position: absolute;top:29%;}
    .dia-2{position: absolute;top:32%;}
    .dia-3{position: absolute;top:16%;}
    .dia-4{position: absolute;top:19%;}
    .dia-5{position: absolute;top:22%;left: 59%;}
    .dia-6{position: absolute;top:19%; }
    .dia-7{position: absolute;top: 21%;}
    .dia-8{position: absolute;top: 34%;left: 62%;}
    .dia-9{position: absolute;top: 45.21%;}
    .dia-10{position: absolute;top: 43.21%;}
    .dia-11{position: absolute;top: 42.21%;}

}                                                                        /*谷歌兼容*/
@-moz-document url-prefix(){
    .dia-3{position: absolute;top:12%;left: 56.77%;}
    .dia-4{position: absolute;top:17%;left: 63.77%;}
    .dia-5{position: absolute;top:19%;left: 58.12%;}
    .dia-6{position: absolute;top:16%;left: 52.15%;}
    .dia-7{position: absolute;top: 18%;left:64%;}
    .dia-8{position: absolute;top: 29.19%;left: 62%;}
    .dia-9{position: absolute;top: 42.21%;left: 63.895%;}
    .dia-10{position: absolute;top: 42%;}
    .dia-11{position: absolute;top: 38%;}
}                                                                                   /* 火狐*/
@media(max-width:1900px){
    .dia-1{height: auto;position:absolute;top: 27.5%;}
    .dia-2{height: auto;position: absolute;top: 30.54%;}
    .dia-3{height: auto;position:absolute;top: 18.7%; }
    .dia-5{height: auto;position: absolute;top: 21.7%;}
    .dia-6{height: auto;position: absolute;top: 18.4%;}
    .dia-8{height: auto;position: absolute;top: 31.89%;}
;        }
@media(max-width:1680px){
    .dia-1{height: auto;position:absolute;top: 28%;}
    .dia-2{height: auto;position: absolute;top: 28.34%;}
    .dia-4{height: auto;position:absolute; top: 22.36%}
    .dia-3{height: auto;position:absolute;top: 15.7%; }
    .dia-5{height: auto;position: absolute;top:17.3%;}
    .dia-6{height: auto;position: absolute;top: 14.6%;}
    .dia-7{height: auto;position: absolute;top: 19.36%;}
    .dia-8{height: auto;position: absolute;top: 29.89%;}
    #fp-mouse a:nth-child(2){position: absolute;top:49.263%;}
    #fp-mouse a:nth-child(3){position: absolute;top:35.06%;}
    #fp-mouse a:nth-child(4){position: absolute;top:34.15%;}
    #fp-mouse a:nth-child(7){position: absolute;top:40.442%;}
    #fp-mouse a:nth-child(8){ position:absolute;top:57.668%;}

}
@media(max-width:1360px){
    .dia-1{height: auto;position:absolute;top: 22.5%;}
    .dia-2{height: auto;position: absolute;top: 22.94%;}
    .dia-3{height: auto;position: absolute;top: 7.36%; }
    .dia-4{height: auto;position: absolute;top: 14.86%;}
    .dia-5{height: auto;position: absolute;top: 8.8%;}
    .dia-6{height: auto;position: absolute;top: 5%;}
    .dia-7{height: auto;position: absolute;top: 14.36%;}
    .dia-8{height: auto;position: absolute;top: 21.39%;}
    .dia-9{height: auto;position: absolute;top: 38.21%;}
    #fp-mouse a:nth-child(2){width:4.3%;height: 5.88%;position: absolute;left: 71.36%;top:53.863%;}
    #fp-mouse a:nth-child(3){position: absolute;top:34%;}
    #fp-mouse a:nth-child(4){ position: absolute;top:32%;}
    #fp-mouse a:nth-child(6){position: absolute;top:43.32%;}
    #fp-mouse a:nth-child(7){ position: absolute;top:39.332%;}
    #fp-mouse a:nth-child(8){width: 1.7% ;height: 2.8%;position: absolute;top:58.868%;}
}


/*style.css*/
@charset "utf-8";
.wrapper { width:660px; height:200px; margin:0 auto; padding-top:60px; position:relative; }
.wrapper div { width:200px; height:200px; line-height:200px; font-size:24px; color:#fff; text-align:center; }
.bor02:hover { width:300px; height:300px; transform:rotate(360deg); background:#099; left:150px; top:30px; }
#menu { position: fixed; top: 50%; margin-top: -145px;display:none;}
#menu.right { right:0px; }
#menu ul li { width:50px; height:46px;display:block;overflow:hidden;}
#menu ul li a{ width:20px; height:20px; line-height:18px; border: 1px solid #aaaaaa;margin:13px 30px 13px 0;display:block;font-size:12px;color:#000;text-align:center;}
#menu ul li a:hover{border: 1px solid #0068b7;}
#menu li.active { background-image: url(../images/rnavbg.jpg); background-repeat: no-repeat; background-position: 0px center; }
#menu li.active a{border: 1px solid #0068b7;color:#fff; background:#0068b7;}
#menu ul li:nth-child(1) {
display:none;
}
.nav-small .nav-item { font-size:18px; }
.page-home .introduction .container { padding-top: 3em; padding-right: 2%; padding-bottom: 3em; padding-left: 2%; }

.shinpt { float: right; width:205px; overflow:hidden; display:none; }
.shinpt .seInput { border:1px solid #000; background:rgba(0, 0, 0, 0); height:32px; border-radius:5px; padding-left:6px; color:#000; width:100%; }
.fr { float: right; overflow:hidden; }
.about { background-image: url(../images/1b.jpg); background-repeat: no-repeat; background-position: center top; height: 100%; width: 100%; position: relative; background-size:100% 100%;}
.abouts { width:80%; margin-right: auto; margin-left: auto; height:100%; }
.ab-img1 { position: absolute; top: 110px; right: 0px; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);*/z-index:1;}
.about-left { width: 50%; position: relative; height:100%; float: left; }
.about-left .ab-img2 { position: absolute;top:350px;right: 360px; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);*/z-index:2;}
.ab-img1:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);z-index:4;}
.about-left .ab-img2:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);z-index:5;}
.ab-img3{ position: absolute; top:50%; right:65px; top:40%\0/;left:43%\0/;top:40%\9;left:43%\9;z-index:6; }
.active .ab-img3{animation:abim3 1.5s linear;}
 @keyframes abim3{0%{top:47%;transform: skew(0,20deg);}100%{top:50%;transform: skew(0,0deg);}}
.about-right { overflow: hidden; float: right; width: 50%; padding-left: 95px; }
.ab-rttit { margin-top: 15%; padding-bottom: 60px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #757575; }
.ab-rttit p { font-size: 24px; line-height: 40px; color: #000; }
.ab-rttcn span { font-size: 40px; line-height: 40px; color: #000000; float: left; margin-right: 5px; }
.ab-rttcn { padding-top: 32px; font-size: 14px; line-height: 26px; color: #000000; }
.ab-rttcn a { float: right; }
.fr { float: right; }
.language-switch { float: right; overflow: hidden; line-height: 140px; color: #000;margin-right:40px;}
.head { height: 70px; width: 100%; position: fixed; z-index: 999999999; }
.fr .search-form-toggle { float: right; height: 32px; width: 32px; background-image: url(../images/serch.png); background-repeat: no-repeat; background-position: center center; cursor: pointer; background-color:rgba(0, 0, 0, 0); border:none; outline:none; }
.nav-btn { float: left; overflow: hidden; margin-right: 0; margin-bottom: 0; margin-left: 30px; }
.nav-btns { float: left; cursor:pointer; width:82px; height:82px; background-image: url(../images/navbtn.jpg); }

.nav-logo { float: left; height: 82px; width:235px; overflow:hidden; background:#fff; }
.nav-logo img { margin:auto; display:block; margin-top:16px; }
.nav-open { margin-right: 250px; margin-left: 250px; }
.language-switch .locale { margin-right: 15px; margin-left: 15px; }
.locale.current { text-decoration: line-through; }
.nav-main .fr { margin-top:54px; position: relative; }
.opnlist ul li { float: right; margin-right: 45px; position: relative; }
.nav-open .opnlist { background-color: #fff; height: 82px; }
.nav-list { padding-top: 30px; }
.nav-open .opnlist { overflow:hidden; width:0; }
.nav-open.opennav .opnlist { animation: opnlist .5s linear; width:94%; overflow:inherit; }
@keyframes opnlist { 0% {
width:0;
overflow:hidden;
}
50% {
width:50%;
overflow:hidden;
}
94% {
width:94%;
overflow:inherit;
}
100% {
width:94%;
overflow:inherit;
}
}
.nav-open.opennavs .opnlist { animation: opnlists 2s  linear; width:0%; overflow:hidden; }
@keyframes opnlists { 0% {
width:94%;
overflow:inherit;
}
6% {
width:94%;
overflow:inherit;
}
50% {
width:50%;
overflow:hidden;
}
100% {
width:0%;
overflow:hidden;
}
}
.opnlist ul li h2 { line-height: 82px; font-size: 16px; color: #000000; font-family: "微软雅黑"; }
.naxial { position: absolute; left: 50%; top: 82px; left: 50%; transform: translate(-50%, 0%); min-width:200px; background:#fff; display:none; }
.opnlist ul li:hover .naxial { display:block; }
.opnlist ul li:hover h2:after { content:""; display:block; width:4px; height:4px; margin:0 auto; margin-top:-20px; background:#000; }
.naxial span { margin-left: 29px; border-left-width: 1px; border-left-style: solid; border-left-color: #eeeeee; display: block; height: 34px; padding-top: 20px; }
.naxial span a { display: block; font-size: 12px; line-height: 14px; height: 14px; padding-left: 27px; border-left-width: 1px; border-left-style: solid; border-left-color: #eeeeee; margin-left: -1px; }
.naxial span a:hover { border-left-width: 1px; border-left-style:solid; border-left-color:#0068b7; }



/*产品灰机*/
.box-hover-modal {
	float: left;
	width:33.333333333%;
	height:50%;
	position: relative;
	overflow: hidden;
    
}
.fp-section.page-06 .box-hover-modal{padding-bottom: 4%;}

.box-hover-modal-con { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size:100% 100%;}


.container {width:80%;height:80%;margin:auto;padding-top:10%;}
.containers{width:80%;height:80%;margin:auto;padding-top:10%;}
.box-hover-modal-con p { font-family: "微软雅黑"; font-size: 18px; line-height: 36px; color: #000000; }
.box-hover-modal-con a { background-image: url(../images/heiheng.jpg); background-repeat: no-repeat; background-position: left center; text-align: right; height: 32px; width: 120px; position: absolute; right: 0px;  font-size: 16px; line-height: 32px; color: #000000; }
.fp-section.page-06 .box-hover-modal-con a {bottom: 0px;}
.box-hover-modal-con a:hover{color:#0068b7;}
.madtite { padding-right: 27px; height: 100%; }



.box-hover-modal-m {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:rgba(0,104,183,.8);
	
}
.box-hover-cen {display:table;width: 100%;height: 100%;text-align:center;}
.box-hover-cens{vertical-align:middle; display:table-cell;}
.box-hover-cens h2 { font-family: "微软雅黑"; font-size: 30px; line-height: 40px; color: #ffffff; }
.box-hover-cens h2:after {content:"";background-color: #fff; display: block; height: 1px; width: 70px; margin-right: auto; margin-left: auto;margin-bottom:20px;margin-top:10px;}
.box-hover-cens p { font-size: 14px; line-height: 24px; color: #ffffff; }

.erpibg {height: 100%; width: 100%; background-image: url(../images/2.jpg); background-repeat: no-repeat; background-position: center top; background-size:100% 100%;}




/*five*/
.erpibg.fivebg { background-image: url(../images/3.jpg); }
.erpibg.fivebg .container .box-hover-modal { height: auto; width: 23%;margin:0 1%;}
.madtite.matibg { background-image: url(../images/jj4.jpg); background-repeat: no-repeat; background-position: center bottom; background-size:100% auto;}
.box-hover-modal-con.lastbg { background-size:100% auto; background-position:top center;}
.index-new { text-align: center; margin-top: 40px; }
.index-new span { font-size: 12px; line-height: 20px; color: #000000; padding-top: 25px; display: block; overflow: hidden; }
.index-new h2 {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size: 18px; line-height: 50px; color: #000000;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out}
.index-new h2:after {content:"";height:1px;width:70px;background:#787877;display:block; margin:20px auto;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out}
.index-new p { font-size: 12px; line-height: 24px; }
.index-new a { width: auto; position: static; text-align: center; background-image: none; margin: 0px; padding: 0px; }
.index-new:hover h2 {color: #1172bc; font-weight:bold;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out}
.index-new:hover h2:after {content:"";width:280px; background:#1172bc;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}.erpibg.sixbg { background-image: url(../images/4.jpg); }
.simoer { line-height: 32px; background-image: url(../images/heiheng.jpg); background-repeat: no-repeat; background-position: left center; display: block; height: 32px; width: 140px; position: absolute; right: 0px; bottom: 0px; text-align: right; }

/*
seven*/

.box-hover-modals { float: left; width:31.33333%; position: relative; margin-top: 0; margin-right: 1%; margin-bottom: 0; margin-left: 1%; 
}


.box-hover-modals .box-hover-modal-m {display:block;opacity:0;
-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.box-hover-modals:hover .box-hover-modal-m {opacity:1;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.erpibg.sevebg { background-image: url(../images/5.jpg); }
.erpibg.sevebg .container { height: 60%; padding-top:8%; }

.box-hover-cens.sevbt h2 { }
.box-hover-cens.sevbt p {font-size:14px;color:#fff;}
.box-hover-cens.sevbt h2:after {content:"";display:none;height:0;}
.box-hover-cens.sevbt h2:before{content:"";display:block;height:1px;width:0; background:#fff;margin:15px auto;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.box-hover-cens.sevbt p:after{content:""; display:block;height:1px;width:0; background:#fff;margin:15px auto;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}

.box-hover-cens.sevbt:hover h2:before{content:"";display:block;height:1px;width:150px; background:#fff;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.box-hover-cens.sevbt:hover p:after{content:""; display:block;height:1px;width:150px; background:#fff;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.box-hover-cens.sevbt .fbk-1 { background-color: #FFF; position: absolute; height: 1px; width: 96%; left: 2%; top: 2%; }
.box-hover-cens.sevbt font { display: block; position: absolute; }

.box-hover-cens.sevbt .fbk-1 { background-color: #FFF;height: 1px; width: 0%; left: 2%; top: 2%;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.box-hover-cens.sevbt .fbk-2 { background-color: #FFF;width: 1px; height: 0%; right: 2%; top: 2%;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.box-hover-cens.sevbt .fbk-3 { background-color: #FFF;height: 1px; width: 0%; left: 2%; bottom: 2%;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.box-hover-cens.sevbt .fbk-4 { background-color: #FFF;width: 1px; height: 0%; left: 2%; bottom: 2%;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}

.box-hover-cens.sevbt:hover .fbk-1 { background-color: #FFF;height: 1px; width: 96%; left: 2%; top: 2%;-moz-transition:all .8s ease-in-out;
-ms-transition:all .8s ease-in-out;
-o-transition:all .8s ease-in-out;
-webkit-transition:all .8s ease-in-out;
transition:all .8s ease-in-out;}
.box-hover-cens.sevbt:hover .fbk-2 { background-color: #FFF;width: 1px; height: 96%; right: 2%; top: 2%;-moz-transition:all .8s ease-in-out;
-ms-transition:all .8s ease-in-out;
-o-transition:all .8s ease-in-out;
-webkit-transition:all .8s ease-in-out;
transition:all .8s ease-in-out;}
.box-hover-cens.sevbt:hover .fbk-3 { background-color: #FFF;height: 1px; width: 96%; left: 2%; bottom: 2%;-moz-transition:all .8s ease-in-out;
-ms-transition:all .8s ease-in-out;
-o-transition:all .8s ease-in-out;
-webkit-transition:all .8s ease-in-out;
transition:all .8s ease-in-out;}
.box-hover-cens.sevbt:hover .fbk-4 { background-color: #FFF;width: 1px; height: 96%; left: 2%; bottom: 2%;-moz-transition:all .8s ease-in-out;
-ms-transition:all .8s ease-in-out;
-o-transition:all .8s ease-in-out;
-webkit-transition:all .8s ease-in-out;
transition:all .8s ease-in-out;}


/*8*/
.fp-section .callme { display: inline-block; width:calc(100% - 230px); margin-right: 115px; margin-left: 115px; background:#fff;}
.call-left { width: 50%; float: left;}
.call-right { width: 50%; float: left; }
.call-left-1 { width: 50%; padding-right: 50px; padding-left: 50px; float: left; }
.call-left-2 { width: 50%; padding-right: 40px; float: left; padding-top: 120px; }
.call-left-1 h2 { font-size: 20px; line-height: 50px; font-weight: bold; color: #000000; margin-top: 35px; }
.call-left-1 p { font-size: 16px; line-height: 40px; color: #000000; margin-bottom: 20px; }
.call-left-1 img { margin-bottom: 10px; }
.cutus ul .diz-1 { background-image: url(../images/di1.jpg); background-repeat: no-repeat; background-position: left 2px; }
.cutus ul li { margin-top:15px;padding-left:30px;line-height:18px;color:#737373;font-size:14px;}
.cutus ul .diz-2{ background-image: url(../images/di2.jpg); background-repeat: no-repeat; background-position: left 1px; }
.cutus ul .diz-3{ background-image: url(../images/di3.jpg); background-repeat: no-repeat; background-position: left 1px; }
.cutus ul .diz-4{ background-image: url(../images/di4.jpg); background-repeat: no-repeat; background-position: left 1px; }
.call-left-2 .seInput { display: block; width: 100%; border: 1px solid #a0a0a0; margin-bottom: 21px; height: 42px;padding:0 10px;}
.call-left-2 .textar {display: block; width: 100%; border: 1px solid #a0a0a0; margin-bottom: 21px; height:120px;padding:10px;}
.call-left-2 .seButton { background-color: #0068b7; height: 42px; width: 130px; font-size: 18px; line-height: 42px; font-weight: bold; color: #fff; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;float:right;cursor:pointer;}
.ab-rttit h2 { line-height: 32px; background-image: url(../images/heiheng.jpg); background-repeat: no-repeat; background-position: left center; height: 32px; width: 140px; font-size: 14px; color: #000000; padding-left: 60px; margin-top: 20%; margin-bottom: 3%; }
.ab-rttcn .gwmo { line-height: 32px; background-image: url(../images/heiheng.jpg); background-repeat: no-repeat; background-position: left center; height: 32px; width: 140px; padding-left: 60px; font-size: 16px; }
.ab-rttcn .gwmo:hover { color: #0068b7; }
.fp-section.section2 .sp1 { height: 100%; width: 100%;display:block;}
.fp-section.section2 .sp2 { height: 100%; width: 100%;display:none;}
.fp-section.section2 .sp3 { height: 100%; width: 100%;display:none;}
.mouse-icon { background-image: url(../images/mouq.png); height: 44px; width: 27px; margin-left: -13px; position: absolute; left: 50%; bottom: 37px; }
.mouse-icon img { display: block; margin-right: auto; margin-left: auto; margin-top: 5px;animation:sbdong 1.5s infinite linear;}
 @keyframes sbdong{0%{margin-top:8px;}50%{margin-top:20px;}100%{margin-top:8px;}}.head.onep .nav-header-container .nav-main .language-switch .locale { color: #FFF; }
.head.onep .nav-header-container .nav-main .language-switch { color: #FFF; }
.head.onep .nav-header-container .nav-main .fr .search-form-toggle { background-image: url(../images/serch2.png); }
.head.onep .nav-header-container .nav-main .fr .shinpt .seInput { color: #FFF; border: 1px solid #fff; }

.ab-rttit{opacity:0;}
.active .ab-rttit{opacity:1;animation:guan1 4s;}
 @keyframes guan1{0%{opacity:0;}100%{opacity:1;}}
 
 .ab-rttcn{opacity:0;}
.active .ab-rttcn{opacity:1;animation:guan2 3s;}
 @keyframes guan2{0%{opacity:0;}50%{opacity:0;}100%{opacity:1;}}
 
/* .video-js .vjs-tech{height:auto;} */

 #menu li.active{animation:ritnav 1.2s;}
 @keyframes ritnav{0%{ background-position:50px center;}100%{background-position:0px center;}}.nav-btns.opennav { background-image: url(../images/navbtn2.jpg); }



/*页面加载*/
/* .loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 999999999;background: url('http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif') 50% 50% no-repeat rgb(249, 249, 249);}.xinf-1 { float: left; margin-left: 112px; font-size: 12px; color: #FFF; } */
.xinfoot { line-height: 38px; color: #FFF; height: 38px; width: 100%; position: absolute; left: 0px; bottom: 0px; background-color: #0068b7; }
.xinf-2 { float: right; margin-right: 112px; }
.xinf-2 a { font-size: 12px; line-height: 38px; color: #fff; margin-left: 34px; }
.xinf-2 a:hover { text-decoration: underline; }
.videoch { height: 2px; width: 400px; margin-left: -200px; position: absolute; left: 50%; bottom: 98px; z-index:100;}
.videoch ul li { background-color: #FFF; display: inline-block; width: 62px; margin-right: 16px; margin-left: 16px; cursor: pointer; height: 2px; }
.videoch ul .active { background-color: #f9c059; }
.videoch ul .vidf1 { background-color: #f9c059; }




.x-jeu-1 h2 {font-size:36px;color:#000;line-height:48px;text-align:center;}
.x-jeu-1 h2:after{display:block;width:70px;height:1px; background:#000;margin:auto; content:"";margin-top:20px;}
.x-jeu-1 p{ text-align:center; font-size:18px; line-height:24px; margin-top: 20px; }
.x-jeu-2 { width:100%; margin-right: auto; margin-left: auto;margin-top:54px; overflow: hidden; }
.x-jeu-2 ul li { display: inline-block; width: 30%; margin-right: 1.666666px; margin-left: 1.6666666%; position: relative;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.x-jeu-2ne { position: absolute; left: 15%; top: 20%;width:70%;height:70%;background:rgba(255,255,255,.8);}
.x-jeu-2ne h2 {font-size:24px; font-weight:bold;line-height:24px;color:#0068b7;}
.x-jeu-2ne p {font-size:14px;line-height:24px;color:#0068b7;}
.x-jeu-2ne a {display:block;width:110px;height:0px;opacity:0;line-height:0px;text-align:center;border:1px solid #fff;margin:20px auto;}
.x-jeu-2 ul li:hover .x-jeu-2ne{background:rgba(0,104,183,.8);-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.x-jeu-2 ul li:hover .x-jeu-2ne h2{color:#fff;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.x-jeu-2 ul li:hover .x-jeu-2ne p{color:#fff;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.x-jeu-2 ul li:hover .x-jeu-2ne a{height:36px;opacity:1;line-height:36px;color:#fff;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.x-jeu-2ne h2:after{ content:"";width:70px;height:1px; background:#0068b7;display:block;margin:20px auto;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.x-jeu-2 ul li:hover .x-jeu-2ne h2:after{ content:"";width:70px;height:1px; background:#fff;display:block;margin:20px auto;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.x-jeu-2nes {display:table;width:100%;height:100%;}
.x-jeu-2ness{ text-align:center;vertical-align:middle; display:table-cell;}
.dbtyy{ height: 60px; width: 220px; margin-left: -110px; position: absolute; left: 50%; bottom: -30px; background-color: #f9c059; display: block;
font-size:24px; font-weight:bold;line-height:60px;text-align:center;color:#fff;
-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out; }
.box-hover-modals:hover .dbtyy{opacity:0;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}



/*手机端样式*/
@media (max-width: 1024px) {
.baicai{font-size: 14px;}
.moin-2 { overflow: hidden; position: relative; }
.moin-2 .about .abouts .about-left .ab-img1 { width: 100%; position: static; }
.moin-2 .about .abouts .about-left .ab-img2 { width: 100%; position: static; }
.moin-2 .about .abouts .about-left { width: 100%; }
.moin-2 .about .abouts { width: 100%; }
.moin-2 .about .abouts .about-right { width:98%;padding-left:0;margin:auto;}
.moin-2 .about .abouts .about-right .ab-rttit {opacity:1;}
.moin-2 .about .abouts .about-right .ab-rttcn {opacity:1;}
.moin-2 .about .abouts .about-right .ab-rttit p { font-size: 14px; line-height: 24px; }
.moin-3 .erpibg .container { height: auto; padding-top: 2%; padding-bottom: 2%;width:98%;padding-left:0;padding-right:0;}
.moin-3 .erpibg .container .box-hover-modal .box-hover-modal-con .madtite p { font-size: 12px; line-height: 24px;margin:12px 0;}
.moin-3 .box-hover-modal-con a{bottom:0px;}
.moin-3 .erpibg .container .box-hover-modal {width:48%;margin:10px 1%;}
.moin-4 .container { height: auto; padding-top: 2%; padding-bottom: 2%;width:98%;padding-left:0;padding-right:0;}
.moin-4 .x-jeu-1 p{font-size:12px;}
.moin-4 .x-jeu-2 ul li{width:100%;margin:10px 0;}
.moin-4 .x-jeu-2 ul li .x-jeu-2ne{background:rgba(0,104,183,.5);-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.moin-4 .x-jeu-2 ul li .x-jeu-2ne h2{color:#fff;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.moin-4 .x-jeu-2 ul li .x-jeu-2ne p{color:#fff;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.moin-4 .x-jeu-2 ul li .x-jeu-2ne a{height:36px;opacity:1;line-height:36px;color:#fff;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.moin-4 .x-jeu-2 ul li .x-jeu-2ne h2:after{ content:"";width:70px;height:1px; background:#fff;display:block;margin:20px auto;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}

.moin-5 .erpibg.fivebg .container .box-hover-modal{width:48%;}
.moin-5 .container { height: auto; padding-top: 2%; padding-bottom: 2%;width:98%;padding-left:0;padding-right:0;}


.moin-6 .container { height: auto; padding-top: 2%; padding-bottom: 2%;width:98%;padding-left:0;padding-right:0;}
.moin-6 .box-hover-modals .box-hover-modal-m{opacity:1;}


.index-new p {text-overflow:ellipsis;  overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

}

@media (max-width:600px) {
.moin-5 .erpibg.fivebg .container .box-hover-modal{width:98%;}
.moin-6 .box-hover-modals{width:98%;margin:20px auto;}
.moin-3 .erpibg .container .box-hover-modal {width:100%;margin:10px auto;}
}